iT邦幫忙

2025 iThome 鐵人賽

DAY 1
0
佛心分享-SideProject30

從零開始改善工作之 Chrome Extension: MR 通知文字小工具系列 第 1

Day 1:從小麻煩開始的 Chrome Extension 開發之旅

  • 分享至 

  • xImage
  •  

前言

在工程師的前半段生涯,我通常是獨立完成專案。由於需求總像隕石般砸來,所以一直沒有太多機會使用 Merge Request 來管理程式碼的變更。

直到加入現在的遠端工作,第一次和同事們協作專案,才真正體會到 Merge Request 的使用方式與重要性

工作中的小痛點

當我完成功能票後,需要把 Merge Request 的連結和一些說明文字分享給同事。

但時常遇到以下問題:

  • 有時以為自己有按到 ctrl,但其實根本就沒有複製到任何連結
  • 有時候忘了訊息是怎麼寫才能完整表達,還要往回搜尋紀錄花了很多時間
  • 有時候甚至貼錯連結,還要等同事 review 時提醒才發現

長期下來,這些小麻煩不僅拖慢了溝通效率,也讓我覺得自己被重複問題困擾,心情十分煩躁。

靈感的來源

某天,我看到一位作者開發了一個 Chrome Extension——「衝動購物抑制器」,用來抑制衝動購物,判斷是否真的需要購買。(ref: 作者的 Threads 文章

這個想法讓我眼睛一亮:
是不是自己也能透過 Chrome Extension 來解決我在工作上遇到的 MR 分享痛點呢?

挑戰的目標

帶著這個想法,我決定挑戰自己,從零開始開發一個 Chrome Extension。目標就是:
「自動產生 Merge Request 通知文字,並能一鍵複製到剪貼簿。」

雖然我有前端經驗,但對 Extension 完全是新手,所以這次的挑戰也算是一段探索、學習的旅程。

系列預告

在接下來的 30 天裡,我會一步步記錄整個過程:

  • 了解 Extension 的基本結構
  • 在頁面中插入按鈕
  • 學習操作網頁元素
  • 實作「自動產生文字 + 一鍵複製」功能
  • 最後實際使用

希望透過這個系列,不僅能完成一個真正幫到我的工具,也能讓同樣有這類困擾的工程師們一起受益。

明天就來從 Extension 的基本結構開始拆解!敬請期待,一起開啟這段 30 天的挑戰旅程吧!


下一篇
Day 2 : 建立 Vite + Vue + Tailwind 專案環境
系列文
從零開始改善工作之 Chrome Extension: MR 通知文字小工具5
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言